/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{vue, html, js, ts}"],
  theme: {
    extend: {
      colors: {
        background: "var(--background-color)",
        text: "var(--text-color)",
        "text-secondary": "var(--text-secondary-color)",
        primary: "var(--primary-color)",
        "text-primary": "var(--primary-color)",
        secondary: "var(--secondary-color)",
        border: "var(--border-color)",
        success: "var(--success-color)",
        "text-success": "var(--success-color)",
        error: "var(--error-color)",
        warning: "var(--warning-color)",
        "text-warning": "var(--warning-color)",
        info: "var(--info-color)",
        "text-info": "var(--info-color)",
        disabled: "var(--disabled-color)",
        placeholder: "var(--placeholder-color)",
        icon: "var(--icon-color)",
        "background-secondary-color": "var(--background-secondary-color)"
        
      },
    }
  },
  plugins: [],
  darkMode: "class",
}

